<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./normalize.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>Document</title>
  </head>
  <body>
    <div class="top">
      <div class="head w">
        <div class="left">
          <span>北京</span>
        </div>
        
        <div class="user">
          <i class="iconfont icon-search"></i>
          <input type="text" placeholder="输入小区名称或商圈" />
        </div>
        <div class="more w">
          <img src="./icons/header_news.png" alt="" />
        </div>
      </div>
      <div class="z">
        <div class="figure w">
          <img src="./imgs/banner.png" alt="" />
        </div>
    
        <div class="point">
        <img src="./icons/lunbo_active.png" alt="">
        <img src="./icons/lunbo_default.png" alt="">
        <img src="./icons/lunbo_default.png" alt="">
        </div>
    
        <div class="pic w ">
        <img src="./icons/nav_2.png" alt="">
        <img src="./icons/nav_1.png" alt="">
        </div>
      </div>
  
  
      <div class="biaoti w">
        <h3>超值优惠</h3>
        <img src="./icons/content_icon_next.png" alt="">
      </div>
  
      <div class="box w">
        <div class="minibox">
          <img src="./imgs/content_tu_home_left@2x.png" alt="">
          <p class="bao">宝石花园</p>
          <p class="chao">朝阳区-2厅1室</p>
          <p class="pi">￥7800/月</p>
        </div>
        <div class="minibox">
          <img src="./imgs/content_tu_home_left@2x.png" alt="">
          <p class="bao">宝石花园</p>
          <p class="chao">朝阳区-2厅1室</p>
          <p class="pi">￥7800/月</p>
        </div>
      </div>
  
  
      <div class="pice w">
        <img src="./imgs/ggwei_home.png" alt="">
      </div>
  
      <div class="biaoti1">
       <div class="text"><h3>为您推荐</h3></div>
       <div class="dion"> 
        <p>整租</p>
        <p>合租</p></div>
      </div>

<div class="introduce w">
  <div class="boxes">
    <img src="./imgs/home_list_tu1@2x.png" alt="">
  </div>
  <div class="txt">
    <ul>
      <li> <h4>整租-东方银座B作</h4></li>
      <li><p>朝阳区 | 2室1厅 | 90㎡</p></li>
      <li><p>距5号线立水桥1200米，13号线广西南合...</p></li>
      <li><span>独卫</span> <span>含阳台</span></li>
      <li><i class="m co">￥7800</i><i class="month co">元/月</i></li>
    </ul>
  </div>
</div>
<div class="introduce w">
  <div class="boxes">
    <img src="./imgs/home_list_tu1@2x.png" alt="">
  </div>
  <div class="txt">
    <ul>
      <li> <h4>整租-东方银座B作</h4></li>
      <li><p>朝阳区 | 2室1厅 | 90㎡</p></li>
      <li><p>距5号线立水桥1200米，13号线广西南合...</p></li>
      <li><span>独卫</span> <span>含阳台</span></li>
      <li><i class="m co">￥7800</i><i class="month co">元/月</i></li>
    </ul>
  </div>
</div>
<div class="introduce w">
  <div class="boxes">
    <img src="./imgs/home_list_tu1@2x.png" alt="">
  </div>
  <div class="txt">
    <ul>
      <li> <h4>整租-东方银座B作</h4></li>
      <li><p>朝阳区 | 2室1厅 | 90㎡</p></li>
      <li><p>距5号线立水桥1200米，13号线广西南合...</p></li>
      <li><span>独卫</span> <span>含阳台</span></li>
      <li><i class="m co">￥7800</i><i class="month co">元/月</i></li>
    </ul>
  </div>
</div>
<div class="introduce w">
  <div class="boxes">
    <img src="./imgs/home_list_tu1@2x.png" alt="">
  </div>
  <div class="txt">
    <ul>
      <li> <h4>整租-东方银座B作</h4></li>
      <li><p>朝阳区 | 2室1厅 | 90㎡</p></li>
      <li><p>距5号线立水桥1200米，13号线广西南合...</p></li>
      <li><span>独卫</span> <span>含阳台</span></li>
      <li><i class="m co">￥7800</i><i class="month co">元/月</i></li>
    </ul>
  </div>
</div>
<div class="introduce w">
  <div class="boxes">
    <img src="./imgs/home_list_tu1@2x.png" alt="">
  </div>
  <div class="txt">
    <ul>
      <li> <h4>整租-东方银座B作</h4></li>
      <li><p>朝阳区 | 2室1厅 | 90㎡</p></li>
      <li><p>距5号线立水桥1200米，13号线广西南合...</p></li>
      <li><span>独卫</span> <span>含阳台</span></li>
      <li><i class="m co">￥7800</i><i class="month co">元/月</i></li>
    </ul>
  </div>
</div>

<div class="tt w">
 <a href="#"> <input type="text" placeholder="查看更多优质房源"></a>
</div>
<div class="bottom w">
  <img src="./icons/gushirukou_home@2x.png" alt="">
</div>
    </div>

    <div class="footer ">
    <ul>
      <li><i class="iconfont icon-home"></i></li>
    <li><p>首页</p></li>
    </ul>
    <ul>
      <li><i class="iconfont icon-search"></i></li>
      <li><p>快速找房</p></li>
    </ul>
    <ul>
      <li><i class="iconfont icon-home"></i></li>
      <li><p>首页</p></li>
    </ul>
    <ul>
      <li><i class="iconfont icon-home"></i></li>
      <li><p>首页</p></li>
    </ul>
     
    </div>


   
 

    <script src="./js/flexible.js"></script>
  </body>
</html>
